<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>作者信息</title>
    <link rel="stylesheet" href="layui/css/layui.css">
    <link rel="stylesheet" href="css/authormain.css">
</head>


<body>
    <div class="layui-container">
        <div class="layui-row">
            <!--作者信息-->
            <div class="layui-card">
                <div class="layui-card-header" style="border-bottom:solid black 1px !important;"><span style="font-size:24px;font-weight: 1000">作者</span></div>
                <div class="layui-card-body">
                    <div class="layui-row">
                        <div class="layui-col-md2">
                            <img src="img/tiancantudou.jpg" class="authorimg">
                        </div>
                        <div class="layui-col-md4">
                            <div class="layui-card author">
                                <div class="layui-card-header"><span style="font-size:20px">天蚕土豆</span></div>
                                <div class="layui-card-body">
                                    <span class="abstract">天蚕土豆，本名李虎。1989年12月28日出生于四川，中国内地网络小说作家、85后著名作家、浙江省网络作家协会副主席。2008年4月，在起点中文网开始创作处女座《魔兽剑圣异界纵横》，5月，成为起点中文网签约作家之一。</span>
                                </div>
                                <div class="layui-card-foot">
                                    <table style="margin:auto;width: 100%">
                                        <tr>
                                            <td>作品数</td>
                                            <td>创作天数</td>
                                            <td>创作字数</td>
                                        </tr>
                                        <tr>
                                            <td><strong>12</strong></td>
                                            <td><strong>1315</strong></td>
                                            <td><strong>536万</strong></td>
                                        </tr>
                                    </table>
                                </div>
                            </div>
                        </div>
                        <div class="layui-col-md2" style="text-align: center">
                            <img src="img/doupocangqiong.jpg" alt="">
                            <br>
                            <span>斗破苍穹</span>
                        </div>
                    </div>
                </div>
            </div>
            <!--作者作品-->
            <div class="layui-card">
                <div class="layui-card-header" style="border-bottom:solid black 1px !important;">
                    <span style="font-size:24px;font-weight: 1000">全部作品</span>
                </div>
                <div class="layui-card-body">
                    <!--第一条信息-->
                    <div class="layui-row" style="border-bottom:solid 1px #BCBCBC;margin-bottom: 10px;">
                        <div class="layui-col-md2">
                            <img src="img/dazhuzai.jpg">
                        </div>
                        <div class="layui-col-md6">
                            <div class="layui-card">
                                <div class="layui-card-header">
                                    <p style=" font-family: '楷体';font-size: 18px;font-weight: 600">大主宰</p>
                                </div>
                                <div class="layui-card-body">
                                    <table class="noveltable">
                                        <tr>
                                            <td>天蚕土豆</td>
                                            <td style="border:1px solid #BCBCBC;border-bottom: none;border-top: none;">异界玄幻</td>
                                            <td>完本</td>
                                        </tr>
                                    </table>
                                </div>
                                <div class="layui-card-foot">
                                    <p class="abstract" style="margin-left:3%;color:gray">
                                        大千世界，位面交汇，万族林立，群雄荟萃，一位位来自下位面的天之至尊，在这无尽世界，演绎着令人向往的传奇，追求着那主宰之路。 无尽火域，炎帝执掌，万火焚苍穹。 武境之内，武祖之威，震慑乾坤。 西天之殿，百战之皇，战威无可敌。 北荒之丘，万墓之地，不死之主镇天地。 ......少年自北灵境而出，骑九幽冥雀，闯向了那精彩绝伦的纷纭世界，主宰之路，谁主沉浮？
                                    </p>
                                </div>
                            </div>
                        </div>
                        <div class="layui-col-md4">
                            <div class="layui-row">
                                <table class="tableinfo">
                                    <tr>
                                        <td>1313万</td>
                                        <td>&nbsp;总字数</td>
                                    </tr>
                                    <tr>
                                        <td>1313万</td>
                                        <td>&nbsp;总推荐</td>
                                    </tr>
                                    <tr>
                                        <td>1313656万</td>
                                        <td>&nbsp;总点击</td>
                                    </tr>
                                </table>
                            </div>
                            <div class="layui-row">
                                <a href="#" class="redbtn">书籍详情</a>
                                <a href="#" class="bluebtn">加入书架</a>
                            </div>
                        </div>
                    </div>
                    <!--第二条-->
                    <div class="layui-row" style="border-bottom:solid 1px #BCBCBC">
                        <div class="layui-col-md2">
                            <img src="img/dazhuzai.jpg">
                        </div>
                        <div class="layui-col-md6">
                            <div class="layui-card">
                                <div class="layui-card-header">
                                    <p style=" font-family: '楷体';font-size: 18px;font-weight: 600">大主宰</p>
                                </div>
                                <div class="layui-card-body">
                                    <table class="noveltable">
                                        <tr>
                                            <td>天蚕土豆</td>
                                            <td style="border:1px solid #BCBCBC;border-bottom: none;border-top: none;">异界玄幻</td>
                                            <td>完本</td>
                                        </tr>
                                    </table>
                                </div>
                                <div class="layui-card-foot">
                                    <p class="abstract" style="margin-left:3%;color:gray">
                                        大千世界，位面交汇，万族林立，群雄荟萃，一位位来自下位面的天之至尊，在这无尽世界，演绎着令人向往的传奇，追求着那主宰之路。 无尽火域，炎帝执掌，万火焚苍穹。 武境之内，武祖之威，震慑乾坤。 西天之殿，百战之皇，战威无可敌。 北荒之丘，万墓之地，不死之主镇天地。 ......少年自北灵境而出，骑九幽冥雀，闯向了那精彩绝伦的纷纭世界，主宰之路，谁主沉浮？
                                    </p>
                                </div>
                            </div>
                        </div>
                        <div class="layui-col-md4">
                            <div class="layui-row">
                                <table class="tableinfo">
                                    <tr>
                                        <td>1313万</td>
                                        <td>&nbsp;总字数</td>
                                    </tr>
                                    <tr>
                                        <td>1313万</td>
                                        <td>&nbsp;总推荐</td>
                                    </tr>
                                    <tr>
                                        <td>1313656万</td>
                                        <td>&nbsp;总点击</td>
                                    </tr>
                                </table>
                            </div>
                            <div class="layui-row">
                                <a href="#" class="redbtn">书籍详情</a>
                                <a href="#" class="bluebtn">加入书架</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>
<script src="layui/layui.js"></script>

</html>